<header>
    CSS选择器优先级
</header>
<p>
    如果有多个选择器选中了同一个标签，并且设置的是同一个属性，如何判断谁可以生效，取决于选择器的优先级值。下面，我们来说明如何计算这个值。
</p>
<p>
    不同的选择器我们进行了5个等级的定义：
</p>
<ul>
    <li>
        【第一等级】代表内联样式，如style=""，权值为 1000
    </li>
    <li>
        【第二等级】代表id选择器，如#content，权值为0100
    </li>
    <li>
        【第三等级】代表类，伪类和属性选择器，如.content，权值为0010
    </li>
    <li>
        【第四等级】代表标签选择器和伪元素选择器，如div、p，权值为0001
    </li>
    <li>
        【第五等级】通用选择器（*），子选择器（&gt;），和相邻同胞选择器（+）等，权值为0000
    </li>
</ul>
<p>
    举个例子：
</p>
<pre tag="css">
    div.page-view.top
</pre>
<p>
    可以看到，一个标签选择器和两个类选择器，也就是：
</p>
<pre tag="javascript">
    0001 + 0010 + 0010 = 0021
</pre>
<p>
    最后，还要补充一点，如果两个选择器的优先级值一样大，后出现的优先级更高。
</p>